<template>
  <div class="todo_input">
    <form>
      <div class="form-row align-items-center">
        <div class="col-auto">
          <div class="input-group mb-2 myinput">
            <div class="input-group-prepend">
              <div class="input-group-text">任务</div>
            </div>
            <input type="text"
                   class="form-control"
                   id="inlineFormInputGroup"
                   placeholder="请填写任务信息">
          </div>
        </div>
        <div class="col-auto">
          <button type="submit"
                  class="btn btn-primary mb-2">Submit</button>
        </div>
      </div>
    </form>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.todo_input {
  .myinput {
    width: 400px;
  }
}
</style>